<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>在 CSS3 中 border-radius 属性被用于创建圆角：</title>
    <style>
        #example1 {
            border: 2px solid #a1a1a1;
            padding: 10px 40px;
            background: #dddddd;
            width: 300px;
            border-radius: 25px;
        }

        #example2 {
            border: 2px solid red;
            padding: 10px;
            border-radius: 50px 20px;
        }
    </style>
</head>

<body>
    <div id="example1">
        <p>border-radius 属性允许您为元素添加圆角边框！</p>
    </div>
    <br><br>
    <div id="example2">
        <p>如果设置了两个值，第一个用于左上角和右下角，第二个用于右上角和左下角。</p>
    </div>
</body>

</html>